<html>
  <head>
    <title>下拉刷新</title>
  </head>
  <body>
    <script>
      /*
          一、onPullDownRefresh钩子

                      在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。

                            1、 需要在  pages.json 里，找到的当前页面的 pages节点，并在 style 选项中开启 enable  PullDownRefresh.

                            2、当处理完数据刷新后，uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。


      */

      /*
          二、uni.startPullDownRefresh(OBJECT)

                      1、概述

                            开始下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。

                      2、平台差异说明

                                  元服务
                                    √     
                                    
                      3、startPullDownRefresh 兼容性
                                              HarmonyOS
                                              HBuilderX 4.23

                       
                      4、OBJECT 参数说明

                                            参数名	    类型	    必填	        说明

                                        ①、success	  Function	  否	    接口调用成功的回调

                                        ②、fail	      Function	  否	    接口调用失败的回调函数

                                        ③、complete	  Function	  否	    接口调用结束的回调函数（调用成功、失败都会执行）

                                <1>、success 返回参数说明

                                            参数	    类型	  说明
                                            errMsg	String	  接口调用结果

        */

        /*
              三、uni.stopPullDownRefresh()

                      1、概述

                              停止当前页面下拉刷新。

                      2、stopPullDownRefresh 兼容性
                                          HarmonyOS
                                          HBuilderX 4.23

                      5、示例：

                                  pages.json

                                      {
                                          "pages": [
                                              {
                                                "path": "pages/index/index",
                                                "style": {
                                                  "navigationBarTitleText": "uni-app",
                                                  "enablePullDownRefresh": true
                                                }
                                              }
                                          ],
                                          "globalStyle": {
                                            "navigationBarTextStyle": "white",
                                            "navigationBarBackgroundColor": "#0faeff",
                                            "backgroundColor": "#fbf9fe"
                                          }
                                      }

                                   index.vue

                                        // 仅做示例，实际开发中延时根据需求来使用。
                                        export default {
                                          data() {
                                            return {
                                              text: 'uni-app'
                                            }
                                          },
                                          onLoad: function (options) {
                                            setTimeout(function () {
                                              console.log('start pulldown');
                                            }, 1000);
                                            uni.startPullDownRefresh();
                                          },
                                          onPullDownRefresh() {
                                            console.log('refresh');
                                            setTimeout(function () {
                                              uni.stopPullDownRefresh();
                                            }, 1000);
                                          }
                                        }


                      6、注意

                                <1>、支付宝小程序startPullDownRefresh在开发者工具里会提示暂未开放，请勿使用

                                <2>、支付宝小程序startPullDownRefresh请使用真机调试（非真机预览）

                                <3>、后续支付宝小程序开发工具更新可能会有所修改

      */

      /*
            四、FAQ
                                  
                        https://uniapp.dcloud.net.cn/api/ui/pulldown.html#faq
      */
    </script>
  </body>
</html>